<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>广灵大屏幕0.2版本首页</title>
    <link rel="stylesheet" href="./css/initCss.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/layui.css" />
  </head>
  <body>
    <!-- wrap -->
    <div class="zhuyeWrap">
      <!-- head -->
      <header>
        <p class="dateHeadBg" id="dateHeadBg"></p>
        <h1>广灵县智慧医疗大数据</h1>
        <p class="hospitalBg"></p>
      </header>
      <!-- body -->
      <section>
        <ul class="leftBg">
          <li class="menzhenghuanzheBg">
            <ul class="menzhenTabsBg">
              <li id="mengzhengfeiyongLiId">
                <p>门诊费用</p>
                <p></p>
              </li>
              <li id="yaopinfeiyongLiId">
                <p>药品费用</p>
                <p style="display: none;"></p>
              </li>
              <li id="renjunfeiyongLiId">
                <p>人均费用</p>
                <p style="display: none;"></p>
              </li>
            </ul>
            <div id="mengzhengfeiyongBgId"></div>
            <div id="yaopinfeiyongBgId" style="display: none;"></div>
            <div id="renjunfeiyongBgId" style="display: none;"></div>
            <div></div>
          </li>
          <li class="gekeshigefeiyongmingxitongjiBg">
            <ul class="gekeshifeiyongTabsBg">
              <li id="fangsheDRfeiId">
                <p>放射DR费</p>
                <p></p>
              </li>
              <li id="cailiaofeiId">
                <p>材料费</p>
                <p style="display: none;"></p>
              </li>
              <li id="zhongchengyaofeiId">
                <p>中成药费</p>
                <p style="display: none;"></p>
              </li>
              <li id="huayanfeiId">
                <p>化验费</p>
                <p style="display: none;"></p>
              </li>
              <li id="xuefeiId">
                <p>血费</p>
                <p style="display: none;"></p>
              </li>
              <li id="fangsheCtId">
                <p>放射CT</p>
                <p style="display: none;"></p>
              </li>
            </ul>
            <!-- <p class="leftArrowBg"></p>
            <p class="rightArrowBg"></p> -->
            <div id="fangsheDRfeiBgId"></div>
            <div id="cailiaofeiBgId"></div>
            <div id="zhongchengyaofeiBgId"></div>
            <div id="huayanfeiBgId"></div>
            <div id="xuefeiBgId"></div>
            <div id="fangsheCtBgId"></div>
          </li>
          <li class="gekeshichuyuanhuanzhefeiyongfenxiBg">
            <ul class="gekeshichuyuanhuanzheTabsBg">
              <li id="fuhankezhuyuanbuId">
                <p>妇产科</p>
                <p></p>
              </li>
              <li id="jizhenzhuyuanbuId">
                <p>急诊</p>
                <p style="display: none;"></p>
              </li>
              <li id="gukezhuyuanbuId">
                <p>骨科</p>
                <p style="display: none;"></p>
              </li>
              <li id="xuejishiId">
                <p>血透室</p>
                <p style="display: none;"></p>
              </li>
              <li id="waikezhuyuanbuId">
                <p>外科</p>
                <p style="display: none;"></p>
              </li>
              <li id="neikezhuyuanbuId">
                <p>内科</p>
                <p style="display: none;"></p>
              </li>
              <li id="kangfuzhuyuanbuId">
                <p>康复</p>
                <p style="display: none;"></p>
              </li>
            </ul>
            <!-- <p class="leftArrowBBg"></p>
            <p class="rightArrowBBg"></p> -->
            <div id="fuchankezhuyuanbuBgId"></div>
            <div id="jizhenzhuyuanbuBgId"></div>
            <div id="gukezhuyuanbuBgId"></div>
            <div id="xuetoushiBgId"></div>
            <div id="waikezhuyaunbuBgId"></div>
            <div id="neikeBgId"></div>
            <div id="kangfuzhuyaunbuBgId"></div>
          </li>
        </ul>
        <ul class="centerBg">
          <!-- head -->
          <li class="centerHeadListBg">
            <ol class="centerHeadFirstoL">
              <li>
                <p>门诊次数</p>
                <p></p>
                <p id="headerMenzhencishu">1987</p>
              </li>
              <li>
                <p>急诊次数</p>
                <p></p>
                <p id="headerjizhencishu">1987</p>
              </li>
              <li>
                <p>入院人数</p>
                <p></p>
                <p id="headerruyuanrenshu">1987</p>
              </li>
              <li>
                <p>出院人数</p>
                <p></p>
                <p id="headerchuyuanrenshu">1987</p>
              </li>
            </ol>
            <ol class="centerHeadSencondoL">
              <li onclick="guanglinyiliaojituan()">广灵县医疗集团</li>
              <li onclick="gonggweishengxitong()">公共卫生系统</li>
              <li onclick="guanglingrenmingyiyuanFun()">广灵县人民医院</li>
            </ol>
          </li>
          <!-- map -->
          <li class="mapBg">

            <!-- 乡 -->
            <ol class="mapOlMapBg">
              <li id="liangzuoxiang"><input type="hidden" value="梁庄乡"></li>
              <li id="wanghuxiang"><input type="hidden" value="望狐乡"></li>
              <li id="nancunzhen"><input type="hidden" value="南村镇"></li>
              <li id="yixinxiang"><input type="hidden" value="宜兴乡"></li>
              <li id="jiadouxiang"><input type="hidden" value="加斗乡"></li>
              <li id="jiaoshanxiang"><input type="hidden" value="焦山乡"></li>
              <li id="yidouquanxiang"><input type="hidden" value="一斗泉乡"></li>
              <li id="zuotuanxiang"><input type="hidden" value="作疃乡"></li>
              <li id="huquanxiang"><input type="hidden" value="壶泉镇"></li>
            </ol>
            <!-- 亮点 -->
            <ol class="dotSBg">
              <li id="liangzuoxiangDots"><input type="hidden" value="梁庄乡"></li>
              <li id="wanghuxiangDots"><input type="hidden" value="望狐乡"></li>
              <li id="nancunzhenDots"><input type="hidden" value="南村镇"></li>
              <li id="yixinxiangDots"><input type="hidden" value="宜兴乡"></li>
              <li id="jiadouxiangDots"><input type="hidden" value="加斗乡"></li>
              <li id="jiaoshanxiangDots"><input type="hidden" value="焦山乡"></li>
              <li id="yidouquanxiangDots"><input type="hidden" value="一斗泉乡"></li>
              <li id="zuotuanxiangDots"><input type="hidden" value="作疃乡"></li>
              <li id="huquanxiangDots"><input type="hidden" value="壶泉镇"></li>
            </ol>
          </li>
          <!-- 门诊日志 -->
          <li class="menzhenrizhiBg">
            <ol class="mengzhenrizhiBgTitle">
              <li>序号</li>
              <li>看诊医生</li>
              <li>患者姓名</li>
              <li>性别</li>
              <li>年龄</li>
              <li>看诊类型</li>
              <li>看诊时间</li>
              <li>诊断名称</li>
            </ol>
            <ol class="mengzhenrizhiBgContent" id="mengzhenrizhiBgContent">
              <!-- <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul>
              <ul>
                <li>01</li>
                <li>黎明</li>
                <li>大师兄</li>
                <li>男</li>
                <li>44</li>
                <li>初诊</li>
                <li>2020-04-24</li>
                <li>高血压</li>
              </ul> -->
            </ol>
          </li>
          <p class="leftBtn"></p>
          <p class="rightBtn">
            
          </p>
        </ul>
        <ul class="rightBg">
          <li class="gekeshizhuyuanrenshutongjiBg">
            <div id="gekeshizhuyuanrenshutongjiBgId"></div>
          </li>
          <li class="jiuzhenhuanzhezhengduanpaihangBg" id="jiuzhenhuanzhezhengduanpaihangBgId">
            <!-- <ol class="neibuBg" id="jiuzhenpaihangId">
              <!-- <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li>
              <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li>
              <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li>
              <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li>
              <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li>
              <li class="itmeBg">
                <p>壶泉镇</p>
                <div>
                  <p></p>
                </div>
                <p>96%</p>
              </li> -->
            </ol> -->
          </li>
          <li class="mengzhenrizhiBg">
            <div id="chuangweishiyonglvBgId"></div>
          </li>
        </ul>
      </section>
      <!-- feet -->
      <footer></footer>
    </div>
  </body>
  <script src="./js/flexble.js"></script>
  <script src="./js/jquery-3.1.1.min.js"></script>
  <script src="./js/libcommon.js"></script>
  <script src="./js/libDate.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/echarts.min.js"></script>
  <script src="./js/server.js"></script>
  <script
    type="text/javascript"
    src="https://webapi.amap.com/maps?v=1.4.15&key=0459e1082c391b9ed606b34d24e6b49f"
  ></script>
  <script>
    // 每秒执行
    setInterval("setDate()", 1000);
    // 设置时间
    function setDate() {
      var t = new Date().format("yyyy-MM-dd hh:mm:ss");
      // document.getElementById("clock").value = t;
      document.getElementById("dateHeadBg").innerText = t + "";
    }

    /* 时间转换工具 */
    Date.prototype.format = function (fmt) {
      var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        S: this.getMilliseconds(), //毫秒
      };
      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(
          RegExp.$1,
          (this.getFullYear() + "").substr(4 - RegExp.$1.length)
        );
      }
      for (var k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) {
          fmt = fmt.replace(
            RegExp.$1,
            RegExp.$1.length == 1
              ? o[k]
              : ("00" + o[k]).substr(("" + o[k]).length)
          );
        }
      }
      return fmt;
    };
  </script>
</html>
